.project {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.project .container {
  padding-top: 50px;
  padding-bottom: 100px;
}
.project .container ul li {
  height: 250px;
}
.project .container ul li .item {
  width: 50%;
  height: 250px;
  padding: 10px;
}
.project .container ul li .item-left,
.project .container ul li .item-right {
  margin-bottom: 0.5rem;
  position: relative;
  float: left;
  text-align: center;
  background: #eaeaea;
}
.project .container ul li .item-left {
  border-right: 6px solid #ff7242;
}
.project .container ul li .item-left::before {
  content: '';
  position: absolute;
  right: -9px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  top: -10px;
  width: 0.43em;
  height: 0.43em;
  border: 0.215em solid #49b1f5;
  border-radius: 0.43em;
  background: transparent;
}
.project .container ul li .item-right {
  float: right;
  margin-right: 5px;
  border-left: 6px solid #49b1f5;
}
.project .container ul li .item-right::before {
  content: '';
  position: absolute;
  left: -9px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  top: -10px;
  width: 0.43em;
  height: 0.43em;
  border: 0.215em solid #49b1f5;
  border-radius: 0.43em;
  background: transparent;
}
